<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

</head>

<body class="body_bg2">

<!--  / header  -->
<div class="header_longevity">
        <div class="header_map_longevity">   
            <img src="images/jiantou.png" alt="">
            <span>返回</span>
        </div>
        <div class="logo_longevity">全部订单</div>   
</div>
<!--  / header  -->


<div class="myCoupon"> 
    <div class="historyOrder1 clearfix">
        <span class="history_active historyOrder1-left">历史订单</span>
        <span class="historyOrder1-right">流失订单</span>
    </div>
    <div class="liushi-show">
        <div class="liushi-show1">
            <div class="energetic1-title3">
                <span>订单编号：100320180127092728983</span>
                <span>下单时间：<i>2018-01-10 16:41:30</i></span>
            </div>
            <div class="energetic1-foot2">
               <div><span>服务类型：<i>保洁</i></span></div>
               <div><span>服务内容：<i>东方今典</i></span></div>
               <div><span>预约时长：<i>2018-01-11 至 2018-01-12 共1天</i></span></div>
               <div><span>预约开始时间：<i>17:00</i></span></div>
               <div><span>每天服务时长：<i>1小时</i></span></div>
               <div><span>预约地址：<i>浙江省杭州市</i></span></div>
               <div><span>其他说明：<i>浙江省杭州市</i></span></div>
               <div><span>预约服务费：<i>20元</i></span></div>
            </div>
            <a href="##">已取消</a>
        </div>
        <div class="border-1"></div> 
        <div class="liushi-show1">
            <div class="energetic1-title3">
                <span>订单编号：100320180127092728983</span>
                <span>下单时间：<i>2018-01-10 16:41:30</i></span>
            </div>
            <div class="energetic1-foot2">
               <div><span>服务类型：<i>保洁</i></span></div>
               <div><span>服务内容：<i>东方今典</i></span></div>
               <div><span>预约时长：<i>2018-01-11 至 2018-01-12 共1天</i></span></div>
               <div><span>预约开始时间：<i>17:00</i></span></div>
               <div><span>每天服务时长：<i>1小时</i></span></div>
               <div><span>预约地址：<i>浙江省杭州市</i></span></div>
               <div><span>其他说明：<i>浙江省杭州市</i></span></div>
               <div><span>预约服务费：<i>20元</i></span></div>
            </div>
            <a href="##">已取消</a>
        </div>      
    </div>
    

</div>


</body>
<script>
$(window).ready(function(){


$('.header_map_longevity').click(function(){
    history.go(-1);
});
$(".coupon").click(function(){
    window.location.href = "myCoupon.html";
})
$(".myCoupon1 span").click(function(){
    $(this).addClass("coupon_active");
    $(this).siblings().removeClass("coupon_active");
})
$('.header_shop_longevity').click(function(){
     window.location.href = "coupon-use.html";
})
$('.historyOrder1-left').click(function(){
    $(this).addClass('history_active');
    $(this).siblings().removeClass('history_active');
    $('.liushi-show').hide();
})
$('.historyOrder1-right').click(function(){
    $(this).addClass('history_active');
    $(this).siblings().removeClass('history_active');
    $('.liushi-show').show();
})

  
})  
</script>
</html>
